var bpack = new Ext.Application({
    name: 'bpack',
    tabletStartupScreen: 'img/startup-tablet.jpg',
    phoneStartupScreen: 'img/startup-phone.jpg',
    tabletIcon: 'img/icon-ipad.png',
    phoneIcon: 'img/icon-iphone.png',
    glossOnIcon: false,
    launch: function() {
        //This it the main Panel that holds all others
        bpack.views.cards = new Ext.Panel({
            layout    : 'card',
            fullscreen: true,
            cardSwitchAnimation: 'fade',
            //Items will appear in the order they're written. The top item will appear first
            //Not representing a card here in the list blocks it from the application.
            items: [
                bpack.views.signin.card,
                bpack.views.home.card,
                bpack.views.gilists.card,
                bpack.views.gilist.card,
                bpack.views.data.card,
                bpack.views.bar.card,
                bpack.views.multibar.card,
                bpack.views.area.card,
            ]
        });
        //To bind each list to a model, bindStore must be called
        bpack.views.gilists.list.bindStore(bpack.models.StoreGilists);
        bpack.views.gilist.list.bindStore(bpack.models.StoreGilist);
    }
});
